<template>
  <z-steps>
    <z-step status="finish" title="Login">
      <template #icon>
        <user-outlined />
      </template>
    </z-step>
    <z-step status="finish" title="Verification">
      <template #icon>
        <solution-outlined />
      </template>
    </z-step>
    <z-step status="process" title="Pay">
      <template #icon>
        <loading-outlined />
      </template>
    </z-step>
    <z-step status="wait" title="Done">
      <template #icon>
        <smile-outlined />
      </template>
    </z-step>
  </z-steps>
</template>
<script>
import { defineComponent, ref } from 'vue'

export default defineComponent({
  name: 'StepsDemo2'
})
</script>
